<script setup lang="ts">
const props = defineProps({
    size: Number
})
</script>

<template>
    <div class="icon-girl">
        <svg t="1737531569160"  viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="2926" :width="props.size" :height="props.size">
            <path
                d="M511.6 64.1c-247.4 0-448 200.6-448 448s200.6 448 448 448 448-200.6 448-448-200.6-448-448-448z m256 225.1l-65.4 65.4 50.3 50.3c8.8 8.8 8.8 23 0 31.8-4.4 4.4-10.1 6.6-15.9 6.6-5.8 0-11.5-2.2-15.9-6.6l-50.3-50.3-50.6 50.6c28 35.4 44.7 80.1 44.7 128.6 0 114.6-93.2 207.8-207.8 207.8S249 680.1 249 565.6c0-114.6 93.2-207.8 207.8-207.8 49.9 0 95.7 17.7 131.6 47.1l50.3-50.3-50.3-50.3c-8.8-8.8-8.8-23 0-31.8s23-8.8 31.8 0l50.3 50.3 65.4-65.4c8.8-8.8 23-8.8 31.8 0 8.7 8.8 8.7 23.1-0.1 31.8z"
                fill="#FA8CEC" p-id="2927"></path>
            <path
                d="M456.7 402.8c-89.8 0-162.8 73-162.8 162.8 0 89.8 73 162.8 162.8 162.8s162.8-73 162.8-162.8c0-89.8-73-162.8-162.8-162.8z"
                fill="#FA8CEC" p-id="2928"></path>
        </svg>
    </div>
</template>

<style lang="scss" scoped>
.icon-girl {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>